<ion-header>
  <ion-navbar>
    <ion-title>安全监督检查记录</ion-title>
  </ion-navbar>

</ion-header>
<ion-content class="safe-control-detail">
  <ion-list>
    <ion-item>
      <ion-label>检查类型</ion-label>
      <ion-select disabled="true" placeholder="请选择" interface="popover" [(ngModel)]="safeControl.censorType" okText="确定"
        cancelText="取消">
        <ion-option value="1">初查</ion-option>
        <ion-option value="2">复查</ion-option>
      </ion-select>
    </ion-item>
    <ion-item>
      <ion-label>检查结果</ion-label>
      <ion-select disabled="true" placeholder="请选择" interface="popover" [(ngModel)]="safeControl.state" okText="确定"
        cancelText="取消">
        <ion-option value="1">完成</ion-option>
        <ion-option value="2">待整改</ion-option>
      </ion-select>
    </ion-item>
    <ion-item>
      <ion-label>检查类别</ion-label>
      <ion-select disabled="true" [(ngModel)]="safeControl.checkType" okText="确定" cancelText="取消">
        <ion-option value="1">日常监督检查</ion-option>
        <ion-option value="2">专项监督检查</ion-option>
      </ion-select>
    </ion-item>
    <ion-item class="pname">
      <ion-label>被检查单位</ion-label>
      <ion-input [readonly]="true" [(ngModel)]="safeControl.usedPartyName"> </ion-input>
    </ion-item>
    <ion-item>
      <ion-label>检查项</ion-label>
      <ion-select disabled="true" [(ngModel)]="safeControl.checkItem" okText="确定" cancelText="取消">
        <ion-option value="1">设计</ion-option>
        <ion-option value="2">制造</ion-option>
        <ion-option value="3">安装</ion-option>
        <ion-option value="4">改造</ion-option>
        <ion-option value="5">维修</ion-option>
        <ion-option value="6">使用</ion-option>
        <!-- <ion-option value="7">气瓶充装</ion-option>
        <ion-option value="8">经营</ion-option> -->
        <ion-option value="9">其他</ion-option>
      </ion-select>
    </ion-item>
    <ion-item>
      <ion-label>处理措施</ion-label>
      <ion-select disabled="true" [(ngModel)]="safeControl.dealWay" okText="确定" cancelText="取消">
        <ion-option value="1">下达监察指令书</ion-option>
        <ion-option value="2">实施查封</ion-option>
        <ion-option value="3">实施扣押</ion-option>
        <ion-option value="4">其他</ion-option>
      </ion-select>
    </ion-item>
  </ion-list>
  <ion-list>
    <ion-item *ngIf="safeControl.dealWay==4">
      <ion-label floating>备注</ion-label>
      <ion-input readonly="true" [(ngModel)]="safeControl.dealRemark"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label floating>抽查设备名称</ion-label>
      <ion-select disabled="true" [(ngModel)]="safeControl.deviceName" okText="确定" cancelText="取消">
        <ion-option value="载客电梯">载客电梯</ion-option>
        <ion-option value="载货电梯">载货电梯</ion-option>
        <ion-option value="杂物电梯">杂物电梯</ion-option>
        <ion-option value="自动扶梯">自动扶梯</ion-option>
        <ion-option value="自动人行道">自动人行道</ion-option>
        <ion-option value="液压驱动电梯">液压驱动电梯</ion-option>
        <ion-option value="其他">其他</ion-option>
      </ion-select>
      <!-- <ion-input  readonly="true" [(ngModel)]="safeControl.deviceName"></ion-input> -->
    </ion-item>
    <ion-item>
      <ion-label floating>设备登记代码</ion-label>
      <ion-input readonly="true" [(ngModel)]="safeControl.deviceNum"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label floating>安全监督检查中发现的主要问题</ion-label>
      <ion-textarea readonly="true" [(ngModel)]="safeControl.questions"></ion-textarea>
    </ion-item>

    <ion-item>
      <ion-label floating>检查员姓名</ion-label>
      <ion-input readonly="true" [(ngModel)]="safeControl.checkerName"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label floating>记录员姓名</ion-label>
      <ion-input readonly="true" [(ngModel)]="safeControl.recorderName"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label floating>得分</ion-label>
      <ion-input readonly="true" [(ngModel)]="safeControl.score"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label floating>检查时间</ion-label>
      <ion-input readonly="true" [(ngModel)]="safeControl.checkTimeTo"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>执法文书编号</ion-label>
      <ion-input readonly="true" placeholder="请输入(多个编号以英文逗号分隔)" type="text" [readonly]="true" [(ngModel)]="safeControl.lawDocNos"></ion-input>
    </ion-item>
  </ion-list>

  <ion-list>
    <div class="cameradiv">
      <p>执法文书</p>
      <div class="camera">
        <img *ngFor="let pic of safeControl.questionsUrls" (click)="onHold(pic)" src="{{appConfig.IP_URL+appConfig.API.getUpload+pic}}" />
      </div>
    </div>
    <div class="area">
      <div class="content">
        <p>记录人员签名:</p>
        <img *ngIf="safeControl.recordNameUrl" width="100%" height="200px" src="{{safeControl.recordNameUrl}}" />
      </div>
    </div>
    <div class="area">
      <div class="content">
        <p>检查人员签名:</p>
        <img *ngIf="safeControl.checkNameUrl" width="100%" height="200px" src="{{safeControl.checkNameUrl}}" />
      </div>
    </div>
  </ion-list>

  <div class="detailBtnDiv">
    <button class="detailBtn" ion-button (click)="detailCheck()">查看电梯检查记录</button>
  </div>

  <ion-list>
    <ion-item>
      <ion-label floating>您的意见</ion-label>
      <ion-textarea [disabled]="isLook" [(ngModel)]="safeControl.advice"></ion-textarea>
    </ion-item>
  </ion-list>
  <div class="signarea">

    <!-- <p>签名:（提示:请在签完名后点击保存）</p> -->
    <div *ngIf="isLook" class="area">
      <div class="content">
        <p>使用签名:</p>
        <img *ngIf="isLook" width="100%" height="200px" src="{{safeControl.advicerNameUrl}}" />
      </div>
    </div>
    <p *ngIf="!isLook">签名
      <span style="color: #757272">（提示:请在签完名后点击保存）</span>
    </p>
    <signatrue *ngIf="!isLook" [inValue]="time" (outPut)="getImgUrl($event)"></signatrue>
  </div>

  <button *ngIf="!isLook" ion-button (click)="submit()" class="submit">提交</button>
</ion-content>